<template>
  <div class='box'>
    <img :src="imgSrc" style='height: 22px;width: 22px'>
  </div>
</template>

<script>
export default {
  props: {
    index: {
      type: String,
      default: '1'
    }
  },
  mounted() {
    this.visible = true
    console.log(this.index);
  },
  computed: {
    imgSrc(){
      return require('../../../../assets/img/type' + this.index + '.svg')
    }
  }
}
</script>

<style scoped>
.box{
  height: 50px;width: 50px;background-image: url("../../../../assets/img/typeBg.png");background-size: 100% 100%;
  display: flex;align-items: center;justify-content: center;
}
</style>
